﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CoreInmobiliario.Master" AutoEventWireup="true" CodeBehind="Publicacion.aspx.cs" Inherits="CoreInmobiliario.Frontend.Publicacion" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register src="~/UserControls/ucBuscador.ascx" tagname="Buscador" tagprefix="uc" %>
<%@ Register src="~/UserControls/ucNoticias.ascx" tagname="Noticias" tagprefix="uc" %>
<%@ Register src="~/UserControls/ucPropuestas.ascx" tagname="Propuestas" tagprefix="uc" %>
<%@ Register src="~/UserControls/ucMensaje.ascx" tagname="Mensaje" tagprefix="uc" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderBuscador" runat="server">
    <uc:Buscador ID="ucBuscador" runat="server" />
    <uc:Noticias ID="ucNoticias" runat="server" />
    <uc:Propuestas ID="ucPropuestas" runat="server" />
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderContent" runat="server">

    <script type="text/javascript">
        hs.graphicsDir = 'Css/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.outlineType = 'rounded-white';
        hs.fadeInOut = true;
        hs.numberPosition = 'caption';
        hs.dimmingOpacity = 0.75;

        if (hs.addSlideshow) hs.addSlideshow({
            interval: 5000,
            repeat: false,
            useControls: true,
            fixedControls: true,
            overlayOptions: {
                opacity: .75,
                position: 'top center',
                hideOnMouseOut: true
            }
        });
    </script>

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=AIzaSyCcSLp9eVRgasYpEqGhn8JIyJ8kQH9rCFc" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
    <script type="text/javascript">
        var geocoder;
        var map;

        function initialize() {
            geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(-34.922006, -57.954372);
            var mapOptions = {
                zoom: 15,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }

            map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

            codeAddress();
        }

        function codeAddress() {
            var address = document.getElementById("ContentPlaceHolderContent_hiddenAddress").value;
            var number = document.getElementById("ContentPlaceHolderContent_hiddenNumber").value;
            var localidad = document.getElementById("ContentPlaceHolderContent_hiddenLocalidad").value;
            address = address + ", " + number + ", " + localidad + ", Argentina"
            //var address = 'José A. Cabrera 3380, Buenos Aires, Argentina';
            geocoder.geocode({ 'address': address }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    var marker = new google.maps.Marker({
                        map: map,
                        position: results[0].geometry.location
                    });
                } else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });
        }

        function print() {
            var hiddenPublicacionId = document.getElementById("ContentPlaceHolderContent_hiddenPublicacionId").value;
            var ventimp = window.open('Print.aspx?id=' + hiddenPublicacionId);
            ventimp.print();
        }

    </script>

    <div class="content">
        <div class="contentMargin" id="publicacion">
            
            <input type="hidden" id="hiddenAddress" name="hiddenAddress" runat="server" />
            <input type="hidden" id="hiddenNumber" name="hiddenNumber" runat="server" />
            <input type="hidden" id="hiddenLocalidad" name="hiddenLocalidad" runat="server" />
            <input type="hidden" id="hiddenPublicacionId" name="hiddenPublicacionId" runat="server" />

            <table style="width:770px;">
                <tr>
                    <td align="left" valign="top">
                        <div class="titlePublicacion">
                            <asp:Label ID="lblTituloPublicacion" runat="server" Text=""></asp:Label>
                        </div>
                    </td>
                    <td align="right" valign="top">
                        <asp:ImageButton ID="btnPdf" runat="server"  ToolTip="Exportar a PDF"
                            ImageUrl="~/Images/Style/pdf_icon.png" onclick="btnPdf_Click" Visible="false" />
                        <asp:ImageButton ID="btnImprimir" runat="server" ToolTip="Imprimir" OnClientClick="print()"
                            ImageUrl="~/Images/Style/print_icon.png" />
                    </td>
                </tr>
            </table>
            
            <table style="width:770px;">
                <tr>
                    <td align="left" valign="top">
                        <asp:Label ID="lblDetalles" runat="server" Text="Detalles" CssClass="titleSubSeccion"></asp:Label>
                        <hr class="hr" />
                        <table>
                            <tr>
                                <td><asp:Label ID="Label2" runat="server" Text="Precio" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblPrecio" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label12" runat="server" Text="Ambientes" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblAmbientes" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label14" runat="server" Text="Dormitorios" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblDormitorios" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label16" runat="server" Text="Baños" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblBanos" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label4" runat="server" Text="Superficie" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblSuperficie" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label6" runat="server" Text="Metros Cubiertos" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblMetros" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label8" runat="server" Text="Estado" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblEstado" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td><asp:Label ID="Label10" runat="server" Text="Antiguedad" Font-Bold="true"></asp:Label></td>
                                <td><asp:Label ID="lblAntiguedad" runat="server"></asp:Label></td>
                            </tr>
                        </table>
                    </td>
                    <td align="right" valign="top">
                       
                        <div class="main">
	        	            <ul class="tabs">
			                    <li>
			                      <input type="radio" checked name="tabs" id="tab1">
			                      <label for="tab1">Fotos</label>
			                      <div id="tab-content1" class="tab-content animated fadeIn">
			                        
                                       <%
                                            string imagenPortada = GetImagenPortada();
                                            Response.Write("<a id=\"thumb1\" href=\"" + imagenPortada + "\" class=\"highslide\" onclick=\"return hs.expand(this)\"><div style=\"width:470px; height:254px; background-color: #333333;\"><center><img src=\"" + imagenPortada + "\" style=\"width:380px; height:250px;\" /><center></div></a>");
                                        %>
                                                                                
                                        <div class="hidden-container">
                                            <% 
                                                string[] images = GetOtrasImagenes();
                                                if (images != null)
                                                {
                                                    for (int i = 0; i < images.Length; i++)
                                                    {
                                                        Response.Write("<a href=\"" + images[i] + "\" class=\"highslide\" onclick=\"return hs.expand(this, { thumbnailId: 'thumb1' })\"></a>");
                                                    }
                                                }
                                            %>
                                        </div>      

			                      </div>
			                    </li>
			                    <li>
			                      <input type="radio" name="tabs" id="tab2" onclick="javascript:initialize();">
			                      <label for="tab2" >Mapa</label>
			                      <div id="tab-content2" class="tab-content animated fadeIn">
			                            <div id="map_canvas" style="width:470px; height:254px"></div>
			                      </div>
			                    </li>
			                </ul>
	      	            </div>
                       
                    </td>
                </tr>
            </table>
            
            <asp:UpdatePanel ID="upDetalles" runat="server">
                <ContentTemplate>
                    <div id="divCaracteristicasServicios" runat="server">
                        <asp:Label ID="lblTituloCaracteristicasServicios" runat="server" Text="Características y Servicios" CssClass="titleSubSeccion"></asp:Label>
                        <hr class="hr" />
                        <table style="width:650px; margin-left:auto; margin-right:auto;">
                            <tr>
                                <td valign="top" style="width:300px;">
                                    <h4>Características</h4><hr />
                                    <% 
                                        string[] caracteristicas = GetCaracteristicas();
                                        if (caracteristicas != null)
                                        {
                                            Response.Write("<ul>");
                                            for (int i = 0; i < caracteristicas.Length; i++)
                                            {
                                                Response.Write("<li>" + caracteristicas[i] + "</li>");
                                            }
                                            Response.Write("</ul>");
                                        }
                                    %>
                                </td>
                                <td valign="top" style="width:300px;">
                                    <h4>Servicios</h4><hr />
                                    <% 
                                        string[] servicios = GetServicios();
                                        if (servicios != null)
                                        {
                                            Response.Write("<ul>");
                                            for (int i = 0; i < servicios.Length; i++)
                                            {
                                                Response.Write("<li>" + servicios[i] + "</li>");
                                            }
                                            Response.Write("</ul>");
                                        }
                                    %>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <br />
                    <div id="divRequisitos" runat="server">
                        <asp:Label ID="lblTituloRequisitos" runat="server" Text="Requisitos" CssClass="titleSubSeccion"></asp:Label>
                        <hr class="hr" />
                        <asp:Label ID="lblRequisitos" runat="server" Text="Caracteristicas"></asp:Label>
                    </div>
                    <br />
                    <div id="divDescripcion" runat="server">
                        <asp:Label ID="lblTituloDescripcion" runat="server" Text="Descripción" CssClass="titleSubSeccion"></asp:Label>
                        <hr class="hr" />
                        <asp:Label ID="lblDescripcion" runat="server" Text="Caracteristicas"></asp:Label>
                    </div>
                    <br />
                    <div id="divConsulta" runat="server">
                        <asp:Label ID="lblTituloConsulta" runat="server" Text="Consulte por esta propiedad" CssClass="titleSubSeccion"></asp:Label>
                        <hr class="hr" />
                        <table>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td>
                                                <asp:Label ID="lblTituloNombreApellidoConsulta" runat="server" Text="Nombre y Apellido" Font-Bold="true"></asp:Label>
                                            </td>
                                            <td>
                                                <asp:Label ID="lblTituloEmailConsulta" runat="server" Text="Email" Font-Bold="true"></asp:Label>
                                            </td>
                                            <td>
                                                <asp:Label ID="lblTituloTelefonoConsulta" runat="server" Text="Teléfono" Font-Bold="true"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:TextBox ID="txtNombreApellidoConsulta" runat="server"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="valNombreApellido" runat="server" ErrorMessage="*"
                                                    ControlToValidate="txtNombreApellidoConsulta" ValidationGroup="contactar"
                                                    EnableClientScript="True" ForeColor="Red" />
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtEmailConsulta" runat="server"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                                                    ControlToValidate="txtEmailConsulta" ValidationGroup="contactar"
                                                    EnableClientScript="True" ForeColor="Red" />
                                                <asp:RegularExpressionValidator ID="valFormato" runat="server" ErrorMessage="*"
                                                    ControlToValidate="txtEmailConsulta" ValidationGroup="contactar" ForeColor="Red" Font-Size="Small"
                                                    ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" />
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtTelefonoConsulta" runat="server"></asp:TextBox>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td><asp:Label ID="lblTituloMensajeConsulta" runat="server" Text="Consulta" Font-Bold="true"></asp:Label></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:TextBox ID="txtMensajeConsulta" TextMode="MultiLine" Rows="3" runat="server" Width="460" ></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                                                    ControlToValidate="txtMensajeConsulta" ValidationGroup="contactar"
                                                    EnableClientScript="True" ForeColor="Red" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <asp:Button ID="btnEnviarConsulta" Text="Enviar Consulta" runat="server" ValidationGroup="contactar"
                                                    onclick="btnEnviarConsulta_Click" CssClass="button" Width="115" OnClientClick="$find('mpeMensaje').show()" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>

                </ContentTemplate>
            </asp:UpdatePanel>

            <div id="panelMensaje" class="panelPopup" style="display:none;">
                <uc:Mensaje ID="popupMensaje" runat="server" Visible="true" />
            </div>

            <asp:HiddenField ID="targetMensaje" runat="server" />

            <asp:ModalPopupExtender ID="mpeMensaje" runat="server" 
                TargetControlID="targetMensaje"
                PopupControlID="panelMensaje" 
                BehaviorID="mpeMensaje"
                DropShadow="True"
                BackgroundCssClass="modalBackground">
            </asp:ModalPopupExtender>
            
        </div>
    </div>
</asp:Content>
